<template>
  <div class="footer.vue">
    <div class="footer">
      <div class="w footer_box">
        <div>
          <img
            class="logo_img"
            src="../assets/imges/logo.png"
            alt=""
          >
        </div>
        <div class="division">

        </div>
        <div class="friendship_url">
          <div class="friend_title">
            友情网址:
          </div>
          <p class="url_title">郑州市芯感电子科技有限公司公交产品网站：www.xinyangbus.com</p>
          <p
            class="url_title"
            style="margin-top:20px;"
          >郑州市芯感电子科技有限公司茶城通产品网站: www.xgpays.com</p>
          <p
            class="url_title"
            style="margin-top:20px;"
          >Copyright @ 2019 hnxysgj.com Inc. All rights reserved.
            信阳市公共交通总公司 版权所有</p>
          <p
            class="url_title"
            style="margin-top:20px;"
          >联系电话：0376-6226789</p>
          <p
            class="url_title"
            style="margin-top:14px;"
          >备案序号：豫ICP备8939482748号</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "footer.vue",

  data() {
    return {};
  },

  methods: {}
};
</script>

<style lang='scss' scoped>
.footer {
  width: 100%;
  height: 319px;
  background: linear-gradient(
    180deg,
    rgba(36, 194, 247, 1) 0%,
    rgba(16, 118, 183, 1) 100%
  );
  margin-top: 40px;
  .footer_box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .friendship_url {
      .url_title {
        color: #ffffff;
        font-size: 14px;
      }
      position: relative;
      .friend_title {
        position: absolute;
        color: #ffffff;
        font-size: 18px;
        position: absolute;
        top: -48px;
      }
    }
    .division {
      width: 4px;
      height: 92px;
      background: rgba(255, 255, 255, 1);
    }
  }
  .logo_img {
    width: 466px;
    height: 81px;
  }
}
</style>
